<template>
	<view class="more_content">
		<text v-if="noMore" class="f28_999">没有更多了~</text>
		<block v-else  >
			<view v-if="loading" class="flex_abc">
				<text class="iconfont icon-refrsh roate"></text>
				<text class="f28_999">加载中~</text>
			</view>
			<text v-else class="f28_999">上滑加载更多~</text>
		</block>
	</view>
</template>

<script>
	export default {
		props: {
			loading: {
				type: Boolean,
				default: false
			},
			noMore: {
				type: Boolean,
				default: false
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="less" scoped>
	.more_content {
		// @include flex_abc;
		padding: 40rpx 0;
		text-align: center;
		width: 100%;
	}
</style>
